<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>选择器</title>
		<!--内部样式表-->
		<style>
			/*总结:
			    选择器优先级:id选择器>class选择器>标签选择器
			    样式表优先级:行内>内部样式>外部样式，
			 * */
			/*ID选择器 通过html标签中的id属性应用到生效id="myDiv"*/
			#myDiv{
				color: red;/*字体颜色*/
			}
			/*Class选择器 通过html标签中的class属性应用生效class="blueColor"*/
			.buleColor{
				color: blue;
			}
			/*标签选择器  直接在同名的html标签上生效*/
			p{
				color: gold;
			}
			div{
				color: green;
			}
		</style>
	</head>
	<body>
		<!--css基本选择器和优先级-->
		<div id="myDiv">id选择器</div>
		<div  id="myDiv" class="buleColor">class选择器1</div><!--id优先级>class-->
		<div class="buleColor">class选择器2</div>
		<div class="buleColor">class选择器3</div>
		<p>标签选择器 段落1</p>
		<p>标签选择器 段落2</p>
		<p>标签选择器 段落3</p>
	</body>
</html>
